<template>
  <div class="history_record">
    <h3 class="title"><span class="back" @click="back"></span>历史记录</h3>
    <div class="history_box">
      <div class="history_mou" v-for="(item,index) in dataList" :key = "index">
      <p>{{item.alarmName}}</p>
        <ul>
          <li><span>报警时间</span>{{item.alarmTime}}</li>
          <li><span>反馈时间</span>{{item.fellBackTime}}</li>
          <li><span>反馈内容</span>{{item.item}}</li>
          <li><span>反馈人</span>{{item.user}}</li>
          <li>
            <span>处置报告</span>
            <i class="iconfont iconbaogao"></i>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dataList:[]
    };
  },
  methods: {
    back() {
      this.$router.go(-1);
    }
  },
  mounted() {
    let _this = this;
    window["dsBridge"].register("GoBack", function() {
      _this.$router.go(-1);
    });
    window["dsBridge"].register("whetherHtml", function(ret) {
      console.log("=======ret:" + ret);
      return true;
    });
  },
  created(){
    let _this = this;
    _this.dataList = _this.$route.query.historyList
  }
};
</script>

<style scope lang="stylus">
.history_box {
  height: calc(100vh - 1.5rem);
  background: #f5f6fa;
  margin-top: 0.2rem;
  padding-top: 0.01rem;
}

.history_mou {
  margin-top: 0.2rem;
  background: #ffffff;
  padding: 0.3rem;

  p {
    font-size: 0.3rem;
    color: #2a2c32;
    font-weight: bold;
  }

  ul {
    padding-top: 0.1rem;

    li {
      line-height: 0.5rem;

      span {
        color: #666666;
        display: inline-block;
        width: 1.5rem;
      }
    }

    i {
      color: #428ee3;
      font-size: 0.4rem;
    }
  }
}
</style>
